<%@ page import="com.centriole.common.log.tool.ContextUtils" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<% 
	//String context = request.getContextPath();
	String context = ContextUtils.workflowPrefix();
	//String basePath = request.getServerName() + ":" + request.getServerPort() + context + "/";
%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<style type="text/css">
			*{margin: 0;padding:0;}
			html,body{height: 100%;}
			#leftMenu{border:1px solid #000000;list-style: none;height: 100%;float:left;min-width:15%;}
			#leftMenu li{line-height: 30px;padding:0 20px;cursor: pointer;}
			#leftMenu li:hover{background:#ccc;}
			iframe{height: 100%;min-width:84%;width:84%;float:right;}
		</style>
	</head>
	
	<body>
		<ul id="leftMenu">
			<li data-href="<%=context%>/html/button.jsp">button按钮</li>
			<li data-href="<%=context%>/html/textinput.jsp">input输入框</li>
			<li data-href="<%=context%>/html/alert.jsp">alert提示框</li>
			<li data-href="<%=context%>/html/dialog.jsp">dialog</li>
			<li data-href="<%=context%>/html/roll.jsp">roll图片轮播</li>
			<li data-href="<%=context%>/html/deserialize.jsp">数据回现封装</li>
			<li data-href="<%=context%>/html/validation.jsp">数据验证</li>
		</ul>
		<iframe src=""></iframe>
	</body>
	
	<script src="<%=context%>/microcore/jquery-2.1.0.min.js"></script>
	<script>
		$(function(){
			alert('<%=context%>');
			$("#leftMenu li").click(function(){
				var href = $(this).attr("data-href");
				$("iframe").attr("src",href);
			});
		});
	</script>
</html>
